<template>
  <el-row id="busLine">
    <module-title :cn_name="'乘车路线'" :en_name="'BUS LINE'"></module-title>
    <el-col :span="18" :offset="3">
      <h4 align="left">方案一   乘地铁到番禺广场 D出口，走路约15分钟到公司门口（沙墟市场对面）</h4>
      <el-row class="img_show">
        <el-col :span="5" :offset="5">
          <div class="ms-icon ms-icon-ditie"></div>
          <p class="desc"> （3号线 番禺广场地铁站） </p>
        </el-col>
        <el-col :span="5">
          <div class="ms-icon ms-icon-ren" style="font-size: 3em"></div>
          <img src="../../assets/images/arrow.gif"  alt="">
          <p class="desc"> （走路约15分钟） </p>
        </el-col>
        <el-col :span="5">
          <div class="ms-icon ms-icon-build"></div>
          <p class="desc"> （沙墟市场对面） </p>
        </el-col>
      </el-row>
    </el-col>
    <el-col :span="18" :offset="3">
      <h4 align="left">方案二   乘公交车到 沙墟市场公交站</h4>
      <el-row class="img_show">
        <el-col :span="5" :offset="5">
          <div class="ms-icon ms-icon-bus"></div>
          <p class="desc"> （番3、10、22、51B、92、92B、97、100、148、149、150、150B； 南沙65、68；303路，310路） </p>
        </el-col>
        <el-col :span="5">
          <img src="../../assets/images/arrow.gif" style="margin-top:30px" alt="">
        </el-col>
        <el-col :span="5">
          <div class="ms-icon ms-icon-build"></div>
          <p class="desc"> （沙墟市场对面） </p>
        </el-col>
      </el-row>
    </el-col>
  </el-row>
</template>
<script>
  import ModuleTitle from '../Common/module-title'
  export default {
    components : {ModuleTitle}
  }
</script>
<style>
  #busLine {
    padding-bottom: 30px;
    background: #eee;
  }
  .desc {
    font-size: 12px;
  }
  .img_show {
    margin-top: 2em;
    margin-bottom: 3em;
  }
</style>
